<script src="<?= Yii::app()->theme->jsUrl.'SmartWizard.js'; ?>"></script>
<script src="<?= Yii::app()->theme->jsUrl.'jquery.validate.min.js'; ?>"></script>
<script src="<?= Yii::app()->theme->jsUrl.'messages_ru.js'; ?>"></script>

<script>
    
var isStep1Valid = false;
    
$(document).ready(function()
{
    $('#wizard-container').smartWizard(
    {
        validatorFunc : function(iStep)
        {
            if ( iStep == 0 )
            {
                $('.hide').hide();
                var sCustomerType = $('.customer-type:checked').attr('customer_type');
                $('.allow-' + sCustomerType).show();
                
                if ( $('#wizard-1').valid() )
                {
                    return true;
                }
            }
            
            if ( iStep == 1 )
            {
                var sCustomerType = $('.customer-type:checked').attr('customer_type');
                
                if ( sCustomerType == 'legal-entity' && $('#legal-entity-form').valid() && $('#individual-sole-proprietorship-from').valid() )
                {
                   isStep1Valid = true;
                   return true;
                }
                else if ( ( sCustomerType == 'sole-proprietorship' || sCustomerType == 'individual' ) && $('#individual-sole-proprietorship-from').valid() )
                {
                    isStep1Valid = true;
                    return true;
                }
                
                isStep1Valid = false;
            }
            
            if ( iStep == 2 )
            {
                var sCustomerType = $('.customer-type:checked').attr('customer_type');
                
                if ( sCustomerType == 'legal-entity' && $('#company-form').valid() )
                {
                   return true;
                }
                else if ( sCustomerType == 'sole-proprietorship' && $('#company-form').valid() && $('#passport-form').valid() )
                {
                    return true;
                }
                else if ( sCustomerType == 'individual' && $('#passport-form').valid() )
                {
                    return true;
                }

                return false;
            }
            
            if ( iStep == 3 )
            {
                var isValid       = false;
                var sCustomerType = $('.customer-type:checked').attr('customer_type');
                var sStep3        = null;
                
                if ( sCustomerType == 'legal-entity' && $('#company-form').valid() )
                {
                    sStep3  = $('#company-form').serialize();
                    isValid = true;
                }
                else if ( sCustomerType == 'sole-proprietorship' && $('#company-form').valid() && $('#passport-form').valid() )
                {
                    sStep3  = $('#company-form').serialize() + '&' + $('#passport-form').serialize();
                    isValid = true;
                }
                else if ( sCustomerType == 'individual' && $('#passport-form').valid() )
                {
                    sStep3  = $('#passport-form').serialize();
                    isValid = true;
                }
                
                if ( isValid && isStep1Valid && $('#wizard-1').valid() )
                {
                    var sStep1 = $('#wizard-1').serialize();
                    var sStep2 = $('#individual-sole-proprietorship-from').serialize() + '&' + $('#legal-entity-form').serialize();
                    var sStep4 = $('#wizard-4').serialize();
                    var sSteps = sStep1 + '&' + sStep2 + '&' + sStep3 + '&' + sStep4;
 
                    $.ajax(
                    {
                        type    : 'POST',
                        url     : '/ajax/register',
                        data    : sSteps,
                        success : function(response)
                        {
                            $('#wizard-container').hide();
                            document.location = "<?= Yii::app()->controller->createUrl('/thankyou');?>";
                            //$('#register-success').show();
                        }
                    });
                }
            }
        }
    });
    
    $('.allow-legal-entity').show();
    
    $('.customer-type').click(function()
    {
        $('.hide').hide();
        var sCustomerType = $(this).attr('customer_type');
        $('.allow-' + sCustomerType).show();
    });
    
    $('#wizard-1').validate();
    $('#wizard-2').validate();
    $('#company-form').validate();
    $('#passport-form').validate();
});
</script>

<div class="navigation">
    <a href="/">Главная</a>&nbsp;&nbsp;/&nbsp;&nbsp;<a href="<?= Yii::app()->controller->createUrl('/register'); ?>" class="nav_active">Зарегистрироваться</a>
</div>

<div>
    <h1 class="zag">Регистрация (для покупки/продажи мерных слитков)</h1>
    <div class="line"> </div>

    <br />
    <a href="<?= Yii::app()->controller->createUrl('/register2'); ?>">Зарегистрироваться</a> в качестве продавца либо покупателя мерных слитков.
    <br /><br /><strong>Важно:</strong> на указанный при регистрации электронный адрес будет отправлено письмо с подтверждением регистрации. Вам необходимо активировать учетную запись перейдя по ссылке из письма.
    <br /><br /><br />
    <h1 class="zag">Регистрация (для покупки/продажи валюты)</h1>
    <div class="line"> </div>
    <br />
    <strong>Важно:</strong> уважаемые пользователи iFin.by, после проверки указанных Вами при регистрации данных, на Ваш электронный ящик будет выслан счет, соответствующий выбранному Вами тарифному плану.<br /><br />
    Для более быстрой активации Вашей учетной записи в системе, пожалуйста, отправьте нам сведения о произведенной оплате на адрес info (@) ifin.by
    <br /><br />
    <div id="wizard-container" class="wiz-container">
    <ul id="wizard-anchor">
        <li><a href="#wizard-1"><h2>Этап 1</h2></a></li>
        <li><a href="#wizard-2"><h2>Этап 2</h2></a></li>
        <li><a href="#wizard-3"><h2>Этап 3</h2></a></li>
        <li class="last-step"><a href="#wizard-4"><h2>Этап 4</h2></a></li>
    </ul>
    <p>Поля, отмеченные (<font color="red">*</font>) обязательны для заполнения.</p>
    <br />
    <form class="form" id="wizard-1">
        <div class="wiz-content">
            <div>
                <label for="profile-email"><font color="red">*</font> E-mail</label><input id="profile-email" type="text" name="aProfile[email]" value="" class="width_8 required email" /><span class="annotation">tst@ifin.by</span>
            </div>
            <div class="inline">
                <input id="profile-is-resident-rb" type="checkbox" name="aProfile[is_resident_rb]" value="" checked="checked" />
                <label for="profile-is-resident-rb" class="inline"><span>Резидент РБ</span></label>
            </div>
            <div class="inline">
                <input id="profile-customer-legal-entity" type="radio" name="aProfile[customer_type]" customer_type="legal-entity" value="legal_entity" class="customer-type" checked="checked" />
                <label for="profile-customer-legal-entity" class="inline"><span>Юридическое лицо</span></label>
            </div>
            <div class="inline">
                <input id="profile-customer-sole-proprietorship" type="radio" name="aProfile[customer_type]" customer_type="sole-proprietorship" value="sole_proprietorship" class="customer-type" />
                <label for="profile-customer-sole-proprietorship" class="inline"><span>Индивидуальный предприниматель</span></label>
            </div>
        </div>
        <div class="wiz-nav">
            <button id="form-submit-button" type="submit" class="submit next btn">Далее</button>
        </div>
    </form>
    <div id="wizard-2" class="form">
        <div class="wiz-content">
            <form id="legal-entity-form">
                <div class="allow-legal-entity hide">
                    <label for="profile-legal-name"><font color="red">*</font> Наименование юридического лица</label>
                    <input id="profile-legal-name" type="text" name="aProfile[legal_name]" value="" class="width_8 required" /><span class="annotation">ЗАО Империал</span>
                </div>
				<div><h3>Контактные данные</h3></div>
                <div class="allow-legal-entity allow-sole-proprietorship hide">
                    <label for="profile-leader-name"><font color="red">*</font> ФИО руководителя</label>
                    <input id="profile-leader-name" type="text" name="aProfile[leader_name]" value="" class="width_8 required" /><span class="annotation">Иванов Николай Васильевич</span>
                </div>
                <div class="allow-legal-entity hide">
                    <label for="profile-leader-position"><font color="red">*</font> Должность руководителя</label>
                    <input id="profile-leader-position" type="text" name="aProfile[leader_position]" value="" class="width_8 required" /><span class="annotation">Директор</span>
                </div>
            </form>
            <form id="individual-sole-proprietorship-from">
                <div>
                    <label for="address-country"><font color="red">*</font> Страна</label>
                    <select id="address-country" name="aAddress[country_id]">
                        <?php foreach ( $oCountries as $oCountry ) : ?>
                        <option value="<?= $oCountry->country_id; ?>" <?php if($oCountry->country_alt_name == 'belarus'):?>selected="selected"<?php endif;?>><?= $oCountry->country_name; ?></option>
                        <?php endforeach; ?>
                    </select>
                </div>
                <div>
                    <label for="address-city"><font color="red">*</font> Населённый пункт</label>
                    <input id="address-city" type="text" name="aAddress[city]" value="" class="width_8 required" /><span class="annotation">г. Минск</span>
                </div>
                <div>
                    <label for="address-state"><font color="red">*</font> Область/Район</label>
                    <input id="address-state" type="text" name="aAddress[state]" value="" class="width_8" /><span class="annotation">Минская область, Минский район, при отсутствии поставьте знак дефиса (-)</span>
                </div>
                <div>
                    <label for="address-index"><font color="red">*</font> Индекс</label>
                    <input id="address-index" type="text" name="aAddress[index]" value="" class="width_8 required" /><span class="annotation">220190</span>
                </div>
                <div>
                    <label for="address-postcode"><font color="red">*</font> Улица, проспект, переулок</label>
                    <input id="address-street" type="text" name="aAddress[street]" value="" class="width_8 required" /><span class="annotation">Пр-т Победителей</span>
                </div>
                <div>
                    <label for="address-house-number"><font color="red">*</font> № Дома-корпус</label>
                    <input id="address-house-number" type="text" name="aAddress[house_number]" value="" class="width_8 required" /><span class="annotation">77-5, при отсутствии номера поставьте знак дефиса (-)</span>
                </div>
                <div>
                    <label for="address-office-number"><font color="red">*</font> № Офиса, комнаты или квартиры</label>
                    <input id="address-office-number" type="text" name="aAddress[office_number]" value="" class="width_8 required" /><span class="annotation">58, при отсутствии номера поставьте знак дефиса (-)</span>
                </div>
                <div>
                    <label for="address-postcode"><font color="red">*</font> Адрес для почтовых отправлений</label>
                    <input id="address-postcode" type="textarea" name="aAddress[postcode]" value="" class="width_8 required" style="vertical-align:text-top;" /><span class="annotation">220000, г.Минск, ул. Ивановская, д.8</span>
                </div>
                <div>
                    <label for="profile-phone"><font color="red">*</font> Контактный телефон</label>
                    <input id="profile-phone" type="text" name="aProfile[phone]" value="" class="width_8 required" /><span class="annotation">+375172123456</span>
                </div>
                <div>
                    <label for="profile-mobile-phone"><font color="red">*</font> Мобильный телефон (для SMS-уведомлений)</label>
                    <input id="profile-mobile-phone" type="text" name="aProfile[mobile_phone]" value="" class="width_8 required" /><span class="annotation">+375296234098</span>
                </div>
                <div class="allow-legal-entity hide">
                    <label for="profile-mobile-phone">Факс</label>
                    <input id="profile-fax" type="text" name="aProfile[fax]" value="" class="width_8" /><span class="annotation">+375172123456, при отсутствии номера поставьте знак дефиса (-)</span>
                </div>
            </form>
        </div>
        <div class="wiz-nav">
            <button type="button" class="submit back btn">Назад</button>
            <button type="button" class="submit next btn">Далее</button>
        </div>
    </div>
    <div id="wizard-3" class="form">
        <div class="wiz-content">
            <form id="passport-form">
                <div><h3>Данные документа, удостверящющего личность</h3></div>
                <div class="allow-individual allow-sole-proprietorship hide">
                    <label for="profile-legal-info-passport-series"><font color="red">*</font> Серия</label>
                    <input id="profile-legal-info-company-reg-number" type="text" name="aProfileLegalInfo[passport_series]" value="" class="width_8 required" /><span class="annotation">MP</span>
                </div>
                <div class="allow-individual allow-sole-proprietorship hide">
                    <label for="profile-legal-info-passport-number"><font color="red">*</font> Номер</label>
                    <input id="profile-legal-info-passport-number" type="text" name="aProfileLegalInfo[passport_number]" value="" class="width_8 required" /><span class="annotation">123456</span>
                </div>
                <div class="allow-individual allow-sole-proprietorship hide">
                    <label for="profile-legal-info-passport-issued"><font color="red">*</font> Наименование государственного органа, выдавшего документ</label>
                    <input id="profile-legal-info-passport-issued" type="text" name="aProfileLegalInfo[passport_issued]" value="" class="width_8 required" /><span class="annotation">Фрунзенским РОВД г.Минска</span>
                </div>
                <div class="allow-individual allow-sole-proprietorship hide">
                    <label for="profile-legal-info-passport-issue-date"><font color="red">*</font> Дата выдачи</label>
                    <input id="profile-legal-info-passport-issue-date" type="text" name="aProfileLegalInfo[passport_issue_date]" value="" class="width_8 required" /><span class="annotation">2011-04-07</span>
                </div>
                <div class="allow-individual allow-sole-proprietorship hide">
                    <label for="profile-legal-info-personal-number"><font color="red">*</font> Личный номер</label>
                    <input id="profile-legal-info-personal-number" type="text" name="aProfileLegalInfo[personal_number]" value="" class="width_8 required" /><span class="annotation">12A23456789123</span>
                </div>
            </form>
            <!--div><h3>Регистрационная форма в ЕГР (сведения из свидетельства о регистрации)</h3></div-->
            <form id="company-form">
                <!--div class="allow-sole-proprietorship allow-legal-entity hide">
                    <label for="profile-legal-info-company-reg-number"><font color="red">*</font> Регистрационный номер</label>
                    <input id="profile-legal-info-company-reg-number" type="text" name="aProfileLegalInfo[company_reg_number]" value="" class="width_8 " /><span class="annotation">123456789</span>
                </div>   
                <div class="allow-sole-proprietorship allow-legal-entity hide">
                    <label for="profile-legal-info-company_issued"><font color="red">*</font> Орган осуществивший регистрацию</label>
                    <input id="profile-legal-info-company_issued" type="text" name="aProfileLegalInfo[company_issued]" value="" class="width_8 " /><span class="annotation">Администрацией Центрального района г. Минска</span>
                </div>
                <div class="allow-sole-proprietorship allow-legal-entity hide">
                    <label for="profile-legal-info-company-reg-settlement-number"><font color="red">*</font> № решения о государственной регистрации</label>
                    <input id="profile-legal-info-company-reg-settlement-number" type="text" name="aProfileLegalInfo[company_reg_settlement_number]" value="" class="width_8 " /><span class="annotation">734907, при отсутствии номера поставьте знак дефиса (-)</span>
                </div>
                <div class="allow-sole-proprietorship allow-legal-entity hide">
                    <label for="profile-legal-info-company-reg-date"><font color="red">*</font> Дата государственной регистрации</label>
                    <input id="profile-legal-info-company-reg-date" type="text" name="aProfileLegalInfo[company_reg_date]" value="" class="width_8 " /><span class="annotation">2011-05-07</span>
                </div-->
		<div><h3>Банковские реквизиты</h3></div>
                <div class="allow-sole-proprietorship allow-legal-entity hide">
                    <label for="profile-legal-info-bank-name"><font color="red">*</font> Банк</label>
                    <input id="profile-legal-info-bank-name" type="text" name="aProfileLegalInfo[bank_name]" value="" class="width_8 required" /><span class="annotation">ОАО Беларусбанк, г.Минск</span>
                </div>
                <div class="allow-sole-proprietorship allow-legal-entity hide">
                    <label for="profile-legal-info-bank-code"><font color="red">*</font> Код банка</label>
                    <input id="profile-legal-info-bank-code" type="text" name="aProfileLegalInfo[bank_code]" value="" class="width_8 required" /><span class="annotation">764</span>
                </div>
                <div class="allow-sole-proprietorship allow-legal-entity hide">
                    <label for="profile-legal-info-settlement-account"><font color="red">*</font> Расчетный счет</label>
                    <input id="profile-legal-info-settlement-account" type="text" name="aProfileLegalInfo[settlement_account]" value="" class="width_8 required" /><span class="annotation">3013123456789</span>
                </div>
                <div class="allow-sole-proprietorship allow-legal-entity hide">
                    <label for="profile-legal-info-company-unp"><font color="red">*</font> УНП вашей организации</label>
                    <input id="profile-legal-info-company-unp" type="text" name="aProfileLegalInfo[company_unp]" value="" class="width_8 required" /><span class="annotation">160803020</span>
                </div>
            </form>
        </div>
        <div class="wiz-nav">
            <button type="button" class="submit back btn">Назад</button>
            <button type="button" class="submit next btn">Далее</button>
        </div>
    </div>
    <form id="wizard-4" class="form">
        <div class="wiz-content">
            <div>
                <label for="profile-allow-info"><font color="red">*</font> Информация видимая другим пользователям:</label>
                <textarea id="profile-allow-info" name="aProfile[allow_info]" class="required"></textarea><br /><span class="annotation">Рекомендуем ввести в это поле: наименование Вашей компании, контактный телефон и/или адрес email. В противном случае - на Ваше предложение не смогут среагировать пользователи системы. Согласно нашему представлению о конфиденциальности, мы не можем раскрывать данные о Вас без Вашего на то согласия. </span>
            </div>
        </div>
        <div>
            <label for="address-country"><font color="red">*</font> Тарифный план</label>
            <select id="address-country" name="aTariffPlan[tariff_plan]" class="required">
                <?php foreach ( $aTariffPlans as $sTariff => $sTariffTitle ) : ?>
                    <option value="<?= $sTariff; ?>"><?= $sTariffTitle; ?></option>
                <?php endforeach; ?>
            </select>
        </div>
        <div class="wiz-nav">
            <button type="button" class="submit back btn">Назад</button>
            <button type="button" class="submit btn next">Отправить</button>
        </div>
    </form>
</div>

</div>